چه نکاتی راجب html باید بدانیم

چه نکاتی راجب html باید بدانیم

آموزش HTML مقدماتی تا پیشرفته


همان طور که می دانید اگر شما بخواهید در حوزه طراحی سایت فعالیت کنید، ابتدا باید Html را یاد بگیرید. Html برای پیاده سازی اسکلت و ساختمان کلی سایت استفاده می شود. همان طور که می دانید، شما با Html می توانید فقط اسکلت بندی و ساختمان اصلی سایت را پیاده سازی کنید، بدون هیچ زیبایی و استایلی!​ شما بدون یادگیری Html نمی توانید وب سایتتان را آن طور که باید کد نویسی کنید، به عنوان مثال نمی توانید در وب سایتتان عناصری مثل ویدئو، موزیک، متن، عکس و … درج کنید. برای این منظور باید زبان Html را از سطح مقدماتی تا پیشرفته یاد بگیرید تا بتوانید به Html تسلط داشته باشید و همچنین در ادامه مسیر طراحی وب راحت تر بوده و اذیت نشید بازار کار طراحی وب در چه وضعیتی قرار دارد؟ همان طور که می دانید امروزه تقریبا تمام کسب و کار ها به سمت آنلاین شدن حرکت کرده اند و هر کسب و کار آنلاین و اینترنتی قطعا به یک وب سایت نیاز دارد. برای بررسی بازار کار و میزان درآمد برنامه نویسی وب بهتر است به منابعی مراجعه کنیم که در زمینه بازار کار و استخدام فعالیت می کنند؛ مثل جابینجا، جاب ویژن، آی استخدام و … در چه مدت زمانی می توان Html را یاد گرفت؟ مدت زمان یادگیری Html برای هر شخص متفاوت بوده و به پارامتر های مختلفی بستگی دارد. پارامتر هایی مثل سطح علاقه شخص، سطح چالش پذیر بودن، سطح تسلط در زبان انگلیسی، تسلط شخص در سرچ کردن و … و نمی توان یک مدت زمان ثابتی را برای هر شخص در نظر گرفت. ممکن است شخصی در یک ماه بتواند Html را یاد بگیرد اما شخصی دیگر در 2 ماه هم نتواند به سطح لازم برسد. پس مدت زمان یادگیری یک مقوله ای است که به خود شما بستگی دارد اما اگر بخواهیم یک مدت زمان میانگین در نظر بگیریم، می توان Html را در 1 ماه یاد گرفت. برای شروع html چه چیزایی را باید بلد باشیم؟ زبان Html اولین قدم برای ورود به حوزه توسعه وب می باشد که تقریبا هیچ پیش نیازی ندارد. همین که شما به این حوزه علاقمند باشید و یک سیستم (کامپیوتر و لپتاپ) داشته باشید می توانید دوره آموزش Html را شروع کرده و یاد بگیرید. اما مورد بعدی این است که هر حوزه شغلی اصطلاحات و مفاهیم خاص خودش را دارد که توسط فعالان آن حوزه مورد استفاده قرار می گیرد. اگر شما قبل از ورود به یک حوزه شغلی با اصطلاحات و مفاهیم تخصصی آن آشنایی داشته باشید، می توانید مسیر یادگیری بهتر، هموار تر و سریع تری را داشته باشید. به عنوان مثال حوزه آشپزی ادویه ها و ظروفی وجود دارد که قطعا افراد عادی با آن ها آشنایی ندارند. و حتی اسامی آن ها را نمی دانند. حوزه برنامه نویسی وب نیز اصطلاحات و مفاهیم خاصی مثل هاست، دامنه، فرانت اند، بک اند، سرور، دیتاسنتر، دپلود کردن و … وجود دارد که اگر قبل از یادگیری Html آن ها را یاد بگیرید، می توانید یادگیری Html را خیلی سریع تر و بهتر پیش ببرید. آیا HTML سخت است ؟ همانطور که گفته شد HTML یکی از ساده ترین زبان های کامپیوتری هست. لذا یادگیری آن خیلی سریع بوده و کسب در آمد از آن نیز آسان می باشد. تقریبا هر فرد یا سازمانی که دارای سایت است بی نیاز از کسی که HTML را بلد باشد نیست. آن قدر بگویم که ساخت و طراحی یک صفحه با HTML مانند ساخت یک فایل ورد و نوشتن در آن می باشد. (یعنی اینقدر آسون) اما فراموش نکنید که قطعا حرفه ای شدن در هر کاری حتی ساده ترین کار ها زمان زیادی را می طلب. آیا یادگیری HTML برای ساخت سایت کافی است ؟ خیر. یادگیری HTML تنها بخش بسیار کوچکی از طراحی سایت می باشند. هر سایت دارای دو بخش اصلی است. فرانت اند (چیزی که کاربر می بیند) و بک اند (چیزی که کاربر نمی بیند در واقع همان برنامه نویسی سایت). HTML یکی از معدود زبان هایی هست که توسط انواع مرورگر ها بطور مستقیم خوانده می شود و همین نشانه از پر اهمیت بودن زبان اچ تی ام ال است. اگر علاقه مند به طراحی صفحات وب هستید اولین گام یادگیری زبان Html می باشد، چرا که این زبان به منزله اسکلت و ساختمان صفحات وب است. به عنوان مثال یک ساختمان را در نظر بگیرید، اولین گام برای ساخت یک ساختمان طراحی و پیاده سازی اسکلت ساختمان می باشد و پس از آن به کمک وسایل و ابزار جانبی نما و ظاهر ساختمان تکمیل می گردد. html مخفف چیست. اید برای شما هم سوال باشد که معنی HTML چیست یا به عبارتی html مخفف چیست ؟ عبارت HTML مخفف (Hyper Text Markup Language) می باشد که معادل فارسی آن «زبان نشانه‌ گذاری ابر متنی» خواهد بود. البته با توجه به وسعت کاربرد آن این ترجمه فارسی نمی تواند کاربرد HTML را به خوبی توضیح دهد. در ادامه مقاله، برای روشن شدن معنی دقیق اچ تی ام ال و یا به عبارتی زبان نشانه‌ گذاری ابر متنی، با کاربرد HTML بیشتر آشنا خواهیم شد. نکته: اچ تی ام ال یک زبان برنامه نویسی نیست. اچ تی ام ال یک زبان نشانه گذاری است. کاربرد HTML. اگر بخواهیم کاربرد HTML را بطور ساده توضیح دهیم باید بگوییم: HTML ابزاری است که به کمک تگ ها (Tag) قالب کلی صفحات را می سازد، در واقع شما توسط تگ های HTML، اسکلت صفحات وب خود را می سازید. اگر کمی با طراحی وب آشنایی داشته باشید،‌ حتما میدانید که طراحی وب ۲ مرحله اصلی دارد: ساختاربندی اصلی صفحات وب که با HTML انجام میشود. اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود. تگ های HTML. انجام هر عملی در HTML به کمک تگ های HTML امکان پذیر می باشد، در اصل این تگ های HTML هستند که به آن قدرت می دهند. در یک صفحه HTML می توان انواع عناصر از قبیل متن، تیتر، عکس، جدول و … را قرار داد ، که برای هر عنصر باید از تگ مربوط به آن استفاده کرد تا مرورگرها بتوانند با فراخوانی آن تگ و ویژگی های مربوط به آن امکان نمایش تصویری آن کد ها را داشته باشند. تعداد بیشماری تگ وجود دارد که البته برای طراحی وب سایت لازم نیست تمامی تگ های HTML را بشناسید، حتی طراحان حرفه ای وب نیز ممکن است تمامی تگ ها را حفظ نباشند و در صورت نیاز به دنبال شناخت تگ های جدید بروند. بنابریان همانطور که گفته شد، تگ ها در HTML میتوانند لینک ها،‌ لیست ها،‌ پاراگراف ها، جداول، عکس و همه چیز را بسازند و شما با استفاده از تگ هاست که می توانید صفحات وب خود را اسکلت بندی کرده و به نمایش بگذارید. خصوصیات تگ های html ( اتریبیوت های html ) مانطور که گفته شد زبان HTML از قرار گرفتن تگ ها مختلف در کنار هم ساخته شده است. حالا باید بدانید که تگ ها نیز شامل خصوصیات و صفت هایی هستند که به آنها اتریبیوت (attribute) گفته می شود. همچنین اتریبیوت های html نیز دارای مقداری هستند که با آنها attribute value گفته می شود. در مورد صفت ها در html بعدا مفصلا توضیح خواهیم داد. بنابراین می توان گفت که صفت ها در html بر گیرنده مقادیر خاصی هست که تأثیر مشخصی بر محتوا می‌گذارد، برای مثال برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده‌اند. فایل اچ تی ام ال چیست در واقع فایل html فایلی است که شما پس از یک کدنویسی حرفه ای برای طراحی سایت، با فرمت .html ذخیره می کنید. همانطور که پیش تر گفته شد، شما در فایل های html به کمک تگ ها و اتریبیوت ها می توانید متن، تصویر، صوت و سایر پسوند های مختلف را به طور ترکیبی در کنار هم داشته باشید و حتی بین آن ها توسط لینک، پیوند ایجاد نمایید. تاریخچه HTML پس از معرفی زبان HTML و پاسخ به سوال Html چیست و چه کاربردی دارد، خوب است مقداری اطلاعات در مورد تاریخچه html نیز بدست بیاورید تا همه چیز درباره اچ تی ام ال گفته شده باشد. مخترع HTML (تیم برنرز – لی) در سال ۱۹۸۹ میلادی جایی که فیزیکدانان سراسر دنیا در آزمایشگاه قاره اروپا در ژنو (سرن CERN ) برای آزمایش فیزیک ذره ای دور هم جمع شده بوده و به بیان دیدگاه ها، تفکرات، و یافته های خود می پرداختند تیم برنرز- لی ایده ای به فکرش خطور کرد. ایده ای که قرار بود کاری کند تا سایر دانشمندان بدون حضور در آزمایشگاه بتوانند یافته و نظرات خود را با سایر دانشمندان به انتشار بگذارند. این ایده باعث شد تا تیم برنرز- لی در سال ۱۹۸۹ میلادی شبکه جهانی وب را اختراع کند. البته این شبکه در ابتدا یک شبکه خصوصی بود و قطعا این تیم هیچ وقت فکر نمی کرد این اختراع روزی وارد تمام خانه در سرتاسر دنیا شود. در ادامه تیم به این موضوع فکر کردند که صفحات علمی منتشر شده در شبکه، باید چیزی فراتر از یک متن خالص باشند. پس آنها دوباره شروع به کار کردند و با توسعه شبکه خود نام این مستندات و متون پیشرفته منتشر شده را ابر متن (HyperText) گذاشتد. بطوریکه صفحات می توانستند به یکدیگر لینک بخورند. و این شروع بود بر ایجاد زبان Html و ساخت صفحات وب که تا به امروز با انتشار آخرین ورژت html یعنی HTML5 در حال توسعه یافتن بوده است. مزایا و معایب زبان HTML چیست ؟ همانطور که گفته شد اچ تی ام ال یک زبان برنامه نویسی نیست. با این حال اچ تی ام ال در کنار css و js هسته اصلی یک وب سایت را تشکیل می دهند. بنابریان زبان نشانه گذای HTML هم دارای محدودیت ها و مزایایی است. اما مزایا و معایب زبان HTML چیست؟ اگر این زبان دارای مشکلاتی است، چرا زبان شماره یک طراحی وب سایت به شمار می رود و تمام طراحان وب سایت باید از یادگیری html چیست شروع کنند. مزایای HTML : قابلیت اجرا در تمام مرورگرها یادگیری آسان و لذت‌بخش متن باز و رایگان بودن ادغام آسان با زبان‌های سمت سرور مثل php معایب HTM : نیاز به طراحی جداگانه هر صفحه به دلیل نبود قواعد منطقی برنامه نویسی استاتیک بودن و وابستگی به زبان‌های سمت سرور برای تعامل با کاربر ضعف در پشتیبانی از مرورگرهای قدیمی. واضح است که اگر شما بخواهید سایتی را با HTML و CSS بنویسید مجبور خواهید بود که برای هر صفحه کلی کد مختلف بزنید اما راه دیگری که می تواند در کمترین زمان هدف شما، که ساخت سایت می باشد را به ارمغان بیاورد، یادگیری وردپرس می باشد. با وردپرس می توانید بدون این که کد نویسی بلد باشید انواع سایت های حرفه ای را بسازید و پس از آن که کد نویسی زبان های مختلف را یاد گرفتید آن را بهینه تر کنید. پیشنهاد می شود که اگر قصد شما از یادگیری HTML ساخت سایت است، این هدف را با یادگیری وردپرس خیلی سریع تر و خیلی حرفه ای تر دنبال نمایید.

نویسنده بلاگ: صالح کریمی

صالح کریمی

دیدگاه کاربران

  • محمد عبادی پور

    07 اسفند، 1400

    با بوت استرپ راحتر میشه😁

ثبت دیدگاه

برای ثبت نظر، ابتدا وارد شوید.

خدمات منتورینگ

شما در طول دوره ی آنلاین میتوانید یک پشتیبان یا همراه داشته باشید و تمامی تمرین ها و مشکلات خودتون رو با اپراتور های ما در میان میگذارید! چی بهتر از اینکه قدم به قدم در کنار اساتید و آموزش های آنلاین بتونی از طریق پشتیبان هم ارزیابی بشی و مشکلاتت رو توی کمترین زمان ممکن حل کنی؟!!